<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<link href="./css/common.css" rel="stylesheet"  />
<link href="../../css/buttons.css" rel="stylesheet"  />
<script type="text/javascript" src="../../js/util.js"></script>
<script type="text/javascript">
function initAction(){
	var imagePanel=document.getElementById("imagePanel");
	var trLines=imagePanel.parentNode.childNodes;
	for(var i=0;i<trLines.length;i++){
		if(trLines[i].nodeType==1 && trLines[i] != imagePanel){//获取所有的TR对象
			var tds=trLines[i].childNodes;
			for(var j=0;j<tds.length;j++){
				if(tds[j].nodeType==1){
					var img=null;
					var childNodes=tds[j].childNodes;
					img=childNodes[0].nodeType==1?childNodes[0]:childNodes[1];
					
					img.onmouseover=function(){
						var pos=$area(this);
						window.tipItem.style.left=pos.x+3+"px";
						window.tipItem.style.top=pos.y+3+"px";
						window.tipItem.style.display="block";
						window.currentPic=this;
					};
					img.onmouseout=function(){
						window.tipItem.style.display="none";
					};
				}
			}
		}
	}
}
window.onload=function(){
	window.tipItem=document.getElementById("tipItem");
	window.tipItem.onmouseover=function(){
		this.style.display="block";
	};
	initAction();
};
function removePic(){
	if(window.currentPic){
		window.tipItem.style.display="none";
		window.currentPic.parentNode.innerHTML="&nbsp;";
		window.currentPic=null;
	}
}
</script>
</head>
<body>
<div class="pic-tip-item" id="tipItem">
	<input type="button" value="删除" onclick="removePic()" />
	<input type="button" value="查看" />
</div>
<table border="0" cellpadding="0" cellspacing="0" align="center">
	<tr class="tb" style="padding: 5px;">
		<td>
			<img alt="" src="../../images/gov-pic.png" />
			<div class="center">gov.png</div>
		</td>
		<td>
			<img alt="" src="../../images/gov-pic.png" />
			<div class="center">gov.png</div>
		</td>
		<td>
			<img alt="" src="../../images/gov-pic.png" />
			<div class="center">gov.png</div>
		</td>
		<td>
			<img alt="" src="../../images/gov-pic.png" />
			<div class="center">gov.png</div>
		</td>
		<td>
			<img alt="" src="../../images/gov-pic.png" />
			<div class="center">gov.png</div>
		</td>
		<td>
			<img alt="" src="../../images/gov-pic.png" />
			<div class="center">gov.png</div>
		</td>
		<td>
			<img alt="" src="../../images/gov-pic.png" />
			<div class="center">gov.png</div>
		</td>
	</tr>
	<tr class="tb" style="padding: 5px;">
		<td>
			<img alt="" src="../../images/gov-pic.png" />
			<div class="center">gov.png</div>
		</td>
		<td>
			<img alt="" src="../../images/gov-pic.png" />
			<div class="center">gov.png</div>
		</td>
		<td>
			<img alt="" src="../../images/gov-pic.png" />
			<div class="center">gov.png</div>
		</td>
		<td>
			<img alt="" src="../../images/gov-pic.png" />
			<div class="center">gov.png</div>
		</td>
		<td>
			<img alt="" src="../../images/gov-pic.png" />
			<div class="center">gov.png</div>
		</td>
		<td>
			<img alt="" src="../../images/gov-pic.png" />
			<div class="center">gov.png</div>
		</td>
		<td>
			<img alt="" src="../../images/gov-pic.png" />
			<div class="center">gov.png</div>
		</td>
	</tr>
	<tr class="tb" style="padding: 5px;">
		<td>
			<img alt="" src="../../images/gov-pic.png" />
			<div class="center">gov.png</div>
		</td>
		<td>
			<img alt="" src="../../images/gov-pic.png" />
			<div class="center">gov.png</div>
		</td>
		<td>
			<img alt="" src="../../images/gov-pic.png" />
			<div class="center">gov.png</div>
		</td>
		<td>
			<img alt="" src="../../images/gov-pic.png" />
			<div class="center">gov.png</div>
		</td>
		<td>
			<img alt="" src="../../images/gov-pic.png" />
			<div class="center">gov.png</div>
		</td>
		<td>
			<img alt="" src="../../images/gov-pic.png" />
			<div class="center">gov.png</div>
		</td>
		<td>
			<img alt="" src="../../images/gov-pic.png" />
			<div class="center">gov.png</div>
		</td>
	</tr>
	<tr class="tf" id="imagePanel">
		<td class=right colspan="7">
			<%@ include file="/html/page.jsp"%>
		</td>
	</tr>
</table>
</body>
</html>